<template>
  <the-list uri="/my/sells?state=pending" ref="list0">
    <template v-slot:default="{ all }">
      <div class="p-4 flex border-b" v-for="item in all" :key="item.id">
        <div class="ml-4 flex-1">
          <p>
            <small class="text-sm text-gray-500">FCB</small>
            <van-icon
              class="mx-1 text-yellow-500 iconfont icon-bit-coin-line"
            ></van-icon>
            <big class="text-red-500">{{ item.coins }}</big>
          </p>
          <!-- <p>
            <small class="text-sm text-gray-500">CNY</small>
            <van-icon
              class="mx-1 text-yellow-500 iconfont icon-YUAN"
            ></van-icon>
            <big class="text-green-500">{{ item.money }}</big>
          </p> -->

          <p
            class="mt-1 text-xs text-gray-500 flex items-center justify-between"
          >
            <span> 发布于: {{ item.created_at }} </span>
            <!-- <van-button
              size="small"
              type="default"
              @click="$emit('cancel', item)"
              >撤销</van-button
            > -->
          </p>
        </div>
      </div>
    </template>
  </the-list>
</template>

<script>
import theList from '../../components/list.vue'

export default {
  components: {
    theList,
  },
  methods: {
    onRefresh() {
      this.$refs.list0.onRefresh()
    },
  },
}
</script>

<style>
</style>